@charset "utf-8";
*{
	padding:0;
	margin:0;
	text-decoration: none; 
	list-style: none;
	font-family:微软雅黑,sans-serif;
	color:#9a9898;
	font-size:20px;
	
}
/* 1.网页头部：设置宽 100% 高 47px 边框 */
header{
	width: 100%;
	height: 75px;
	bor der: 1px solid red;
	background-color:#333333;
}
/* 网页中控：显示主体内容，主体 页尾中控，水平居中*/
div#wrapper{
	width:2011px;
	height:75px;/* 考虑：主体 页尾占宽度+高度 */
	background-color: #333333;
	/* 居中 */
	margin:0 auto;
}
/* 3.网页中控区：左侧部分 */
div#wrapper div.left{
	width:1130px;
	height:75px;
	background-color:#333333;
	float:left;
}
/* 3.1左侧部分 li 导航数据:布局：浮动 设置高度*/
div#wrapper div.left ul li{
	
	float:left;
	height:75px;
	li ne-height:75px;
}
/* 3.2左侧部分 li a 垂直居中 左右空间 */
div#wrapper div.left ul li a{
	border-right: 1px solid #424242;
	line-height:75px;
	padding: 0 8px;
	
}
/* 3.3左侧部分：最后一个竖边拿下 */
div#wrapper div.left ul li a.fix{
	border:none;
}
/* 4.网页中控区：右侧部分 */
div#wrapper div.right{
	width:400px;
	height:75px;
	background-color:#333333;
	float:right;
}
/* 4.1右侧浮动：右浮动 */
div#wrapper div.right ul li{
	float:right;

}
div#wrapper div.right ul li a{
	line-height:75px;
	border-right:1px solid #424242;
	padding:0 8px;
}
div#wrapper div.right ul li a.fix{
	border:none;
}
/* 购物车区域：背景颜色 */
div#wrapper div.right ul li.ul_right{
	background-color:#424242;
}
/* 4.2购物车精灵图 */
div#wrapper div.right ul li i.shop{
	bor der:1px solid red;
	padding: 0 15px;
	background:url(../img/buy.png) no-repeat;
	background-size:100%;
	position:relative;
	top:5px;
}
/* 4.3购物车悬停效果：三个地方改变：背景改
                                  背景改同时改超链接
								  背景改同时改精灵图
								  */
div#wrapper div.right ul li.ul_right:hover{
	background-color:#fff;
} 
div#wrapper div.right ul li.ul_right:hover a{
	color:#ffaa00;
}
div#wrapper div.right ul li.ul_right:hover i.shop{
	background: url(../img/buy01.png) no-repeat;
	background-size:100%;
}
/* 结束：添加悬停 颜色 白色 */
div#wrapper div.left ul li a:hover,div#wrapper div.right ul li a:hover{
	color:#fff;
}









